<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width">
    <title>标题</title>
    <style>
        .button {
            width: 120px;
            background-color: #ccc;
            font-size: 20px;
            margin: 20px;
        }

    </style>
</head>
<body>

<p id="userAgent">userAgent</p>
<div class="button" onclick="getUserAgent()">getUserAgent()</div>
<!--bridge 1.0-->
<p id="bridge1">bridge1.0</p>
<div class="button" onclick="getVersion()">getVersion()</div>
<div class="button" onclick="getToken()">getToken()</div>
<div class="button" onclick="openLogin()">openLogin()</div>
<div class="button" onclick="openLogout()">openLogout()</div>
<div class="button" onclick="openAction()">openAction()</div>
<div class="button" onclick="download()">download()</div>
<div class="button" onclick="share()">share()</div>
<div class="button" onclick="getNetworkState()">getNetworkState()</div>

<!--bridge 2.0-->
<p id="bridge2">bridge2.0</p>
<div class="button" onclick="callNativeHandle('getVersion')">getVersion()
</div>

<p id="message"></p>
</body>
<!--<script src="./bridge1.0.js"></script>-->
<script src="./bridge2.0.js"></script>
<script type="text/javascript">
    document.getElementById("userAgent").innerHTML = navigator.userAgent
   function getUserAgent() {

     let userAgent= navigator.userAgent
     document.getElementById("userAgent").innerHTML = userAgent
   }


</script>
</html>